<html>
    <head>
        <meta charset="UTF-8">
        <title>日期和时钟</title>
        <script>
            //var nowTime = new Date();
            ///alert(nowTime);
            //转换格式
            //var newTime2 = nowTime.toLocaleDateString();
            //alert(newTime2);
            //自己添加格式
            //var newTime3 = nowTime.getDate();
            //  alert(newTime3);
                //获取时间秒
            //时钟
            function displayTime(){
                //获取div元素
                var timediv = document.getElementById("timeDiv");
                //获取系统时间
                var nowTime = new Date();
                //将系统时间设置到div元素中
                var strNowTime = nowTime.toLocaleString();
                timediv.innerHTML = strNowTime;
            }
            //load 事件
            // onload 事件句柄
            // load事件什么时候发生
            //     当整个HTML页面全部加载完毕之后，load事件发生。

            // onload事件句柄需要编写在body标签中


            //每隔一秒调用displayTime();
            function start(){
                window.setInterval("displayTime()",1000);
            }

        
        </script>
        
    </head>
    <body onload="start();">
        <input type="button" value="显示时钟" onclick="displayTime();"/>
        <div id="timeDiv">

        </div>
        123
    </body>
</html>